<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.11.0.js" type="text/javascript">
		</script>
		<link rel="stylesheet" type="text/css" href="css/weixinbuju.css" />
		<style type="text/css">
			#inputimg {
				margin: 10px;
			}
			
			#inputimg img {
				width: 80px;
				height: 80px;
				margin: 5px;
			}
		</style>
		<script src="js/weixinbuju.js" type="text/javascript"></script>
		<script type="text/javascript">
			function setimg(t) {
				if(window.FileReader) {
					var inputimg = document.getElementById("inputimg");
					for(var i = 0; i < t.files.length; i++) {
						var reader = new FileReader();
						reader.onload = function(e) {
							var img = document.createElement("img");
							img.src = e.target.result;
							inputimg.appendChild(img);
						}
						reader.readAsDataURL(t.files[i]);
					}

				}
			}
		</script>
	</head>

	<body>
		<div id="all">
			<div id="title2">
				<img class="jiantou" src="img/jiantou.png" />
				<span>朋友圈</span>
				<p id="tijiao">提交</p>
				<div id="tianjia">
					<div>
						<textarea id="shuru"></textarea>
					</div>
					<div id="inputimg">

					</div>
					<p style="margin-left: 10px;"><input type="file" multiple="multiple" onchange="setimg(this)" /></p>

				</div>
			</div>
			<div id="title">
				<img class="jiantou" src="img/jiantou.png" />
				<span>朋友圈</span>
				<img id="xiangji" src="img/xiangji.png" />
			</div>
			<div id="img">
				<img id="bg" src="img/1.jpg" />
				<span id="nicheng">会分开发货快递</span>
				<img id="touxiang" src="img/face/10.jpg" />
			</div>
			<div id="mains">

				<div class="main">
					<div class="left">
						<img src="img/face/5.jpg" />
					</div>
					<div class="right">
						<div class="name">
							<h4>陈宫</h4>
						</div>
						<div class="neirong">
							<span>今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!</span>
						</div>
						<div class="img3">
							<img src="img/face/4.jpg" />
							<img src="img/face/4.jpg" />
							<img src="img/face/4.jpg" />
							<img src="img/face/4.jpg" />
							<img src="img/face/4.jpg" />
							<img src="img/face/4.jpg" />
							<img src="img/face/4.jpg" />
							<img src="img/face/4.jpg" />
							<img src="img/face/4.jpg" />
						</div>
						<div class="time">
							<span>5分钟前</span>
							<img src="img/c.png" />
						</div>
						<div class="dianping">
							<div class="dianzan">
								<span><img src="img/l.png" align="center"/>
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">吴京</a>
				</span></div>
							<div class="pinglun">
								<p>
									<a href="#">成龙</a>：今天天气不错</p>
								<p>
									<a href="#">李连杰</a>：今天天气不错</p>
								<p>
									<a href="#">甄子丹</a>：今天天气不错</p>
								<p>
									<a href="#">吴京</a>:今天天气不错</p>
							</div>
						</div>
					</div>
				</div>
				<div class="main">
					<div class="left">
						<img src="img/face/9.jpg" />
					</div>
					<div class="right">
						<div class="name">
							<h4>粟东生</h4>
						</div>
						<div class="neirong">
							<span>今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!</span>
						</div>
						<div class="img1">
							<img src="img/face/5.jpg" />

						</div>
						<div class="time">
							<span>5分钟前</span>
							<img src="img/c.png" />
						</div>
						<div class="dianping">
							<div class="dianzan">
								<span><img src="img/l.png" align="center"/>
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">吴京</a>
				</span></div>
							<div class="pinglun">
								<p>
									<a href="#">成龙</a>：今天天气不错</p>
								<p>
									<a href="#">李连杰</a>：今天天气不错</p>
								<p>
									<a href="#">甄子丹</a>：今天天气不错</p>
								<p>
									<a href="#">吴京</a>:今天天气不错</p>
							</div>
						</div>
					</div>
				</div>
				<div class="main">
					<div class="left">
						<img src="img/face/6.jpg" />
					</div>
					<div class="right">
						<div class="name">
							<h4>范德萨</h4>
						</div>
						<div class="neirong">
							<span>今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!今天天气好晴朗!</span>
						</div>
						<div class="img2">
							<img src="img/face/1.jpg" />
							<img src="img/face/2.jpg" />

						</div>
						<div class="time">
							<span>5分钟前</span>
							<img src="img/c.png" />
						</div>
						<div class="dianping">
							<div class="dianzan">
								<span><img src="img/l.png" align="center"/>
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">成龙</a>,
					<a href="#">李连杰</a>,
					<a href="#">甄子丹</a>,
					<a href="#">吴京</a>
				</span></div>
							<div class="pinglun">
								<p>
									<a href="#">成龙</a>：今天天气不错</p>
								<p>
									<a href="#">李连杰</a>：今天天气不错</p>
								<p>
									<a href="#">甄子丹</a>：今天天气不错</p>
								<p>
									<a href="#">吴京</a>:今天天气不错</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>